import React from 'react'
import {Link} from "react-router-dom"
import "./Groupons.css"
// import "./goods.css"
 function Goods(props) {
     let {groupons}=props
    return (
        <div >
            <div>万人团</div>
            <div className="clear home_groupons">
                
                {groupons.map((item)=>(
                    <Link className="box" to="/detail" key={item.id} >
                        {/* <div>id:{item.id}</div> */}
                        <img src={item.img} alt="" />
                        <div>{item.goodsname}</div>
                        <div>price:{item.price}</div>
                        {/* <div>market_price:{item.market_price}</div> */}
                    </Link>
                    
                ))}
            </div>
             
        </div>
    )
}
export default React.memo(Goods);